{% extends "base.html" %}
{% block additional_js %}
    {% load compressed %}
    {% compressed_js 'user' %}
{% endblock %}
{% block header %}
    <h4>User</h4>
{% endblock %}
{% block content %}
    <section class="user-view">
        {%  verbatim %}
        <script type="text/template" id="user-item-template">
            <div id="item-basic">
                <a href="#" id="show"><%= item.get('username') %> : <%= item.get('id') %> </a>
            </div>
        </script>
        <script type="text/template" id="user-item-detail-template">
            <div id="item-detail">
                Email: <%= item.get('email') %>
            </div>
        </script>
        <script type="text/template" id="user-item-add-template">
            <div id="item-add">
                <% for(key in item){ %>
                <%= key %>: <textarea rows="3" cols="100" type="text" id="<%= key %>" class="update"><%= item[key] %></textarea><br/>
                <% }; %>
                <a href="#" id="update" class="button">Update</a>
                <a href="#" id="delete" class="button">Delete</a>
            </div>
        </script>
        {% endverbatim %}
        <a href="#" id="add" class="button">Add</a>
    </section>
{% endblock %}